<!--<section class="outside-wall">
  <header class="template-top pt pl">
    <button nz-button [nzType]="'primary'">
      <i class="anticon anticon-file-add"></i>
    </button>
    <button nz-button [nzType]="'default'">
      <i class="anticon anticon-save"></i>
    </button>
    <button nz-button [nzType]="'dashed'">
      <i class="anticon anticon-cloud-upload-o"></i>
    </button>
    <button nz-button [nzType]="'danger'">
      <i class="anticon anticon-play-circle-o"></i>
    </button>
    <nav class="nav">
      <nz-breadcrumb>
        <nz-breadcrumb-item>
          {{project.title}}
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>
          An Application
        </nz-breadcrumb-item>
      </nz-breadcrumb>
    </nav>
  </header>

  &lt;!&ndash; 代码区 start &ndash;&gt;
  <section class="template-center clearfix" nz-row>

    &lt;!&ndash;侧边栏 目录区 start&ndash;&gt;
    <aside nz-col nzSm="6" nzXl="5" class="aside-left bg-white">
      &lt;!&ndash;<app-tree [data]="project" [curChecked]="curChecked" (changeChecked)="getCurChecked($event)"></app-tree>&ndash;&gt;
    </aside>
    &lt;!&ndash;侧边栏 目录区 end&ndash;&gt;

    <section nz-col nzSm="12" nzXl="14" class="code-area">
      <nz-tabset [nzType]="'card'"
                 [nzSelectedIndex]="selectedIndex"
                 (nzSelectedIndexChange)="selectedIndexChange($event)"
                 *ngIf="tabs.length">
        <nz-tab *ngFor="let tab of tabs">
          <ng-template #nzTabHeading>
            <div>
              {{tab.name}}
              <i class="anticon anticon-cross" (click)="closeTab(tab)"></i>
            </div>
          </ng-template>
          <ngx-monaco-editor class="code-editor" [options]="editorOptions" [(ngModel)]="tab.sourceCode"></ngx-monaco-editor>
        </nz-tab>
      </nz-tabset>
    </section>

    &lt;!&ndash;侧边栏 目录区 start&ndash;&gt;
    <aside nz-col nzSm="6" nzXl="5" class="aside-right bg-white">
      &lt;!&ndash;<app-tree [data]="project2"></app-tree>&ndash;&gt;
    </aside>
    &lt;!&ndash;侧边栏 目录区 end&ndash;&gt;

  </section>
  &lt;!&ndash; 代码区 end &ndash;&gt;

  &lt;!&ndash;日志区 start&ndash;&gt;
  <footer class="footer template-bottom">
    <div class="module-title">日志</div>
    <div id="terminal"></div>
    &lt;!&ndash;<ul class="p log-list">
      <li>你手机大V尿素房价还会</li>
      <li>你手机大V尿素房价还会</li>
      <li>你手机大V尿素房价还会</li>
      <li>你手机大V尿素房价还会</li>
      <li>你手机大V尿素房价还会</li>
    </ul>&ndash;&gt;
  </footer>
  &lt;!&ndash;日志区 end&ndash;&gt;
</section>-->
<div id="terminal"></div>
